import React, { Component } from "react";
import { NavBar, Icon, Button } from "antd-mobile";
import "./index.scss";
import RenderListContent from "./components/RenderListContent";
class RentList extends Component {
  render() {
    return (
      <div className="RentListWrapper">
        <NavBar
          mode="light"
          icon={<Icon type="left" />}
          onLeftClick={() => this.props.history.go(-1)}
          rightContent={
            <Button
              type="ghost"
              inline
              size="small"
              style={{ marginRight: "4px" }}
              onClick={() => {
                this.props.history.push("/rent/add");
              }}
            >
              发布房源
            </Button>
          }
        >
          做一个幸福的房东
        </NavBar>

        <RenderListContent></RenderListContent>
      </div>
    );
  }
}

export default RentList;
